import React, { Component } from 'react'
import {withRouter} from "react-router-dom"

class Header extends Component {
    back = () => {
        this.props.history.goBack()
    }
    forward = () => {
        this.props.history.goForward()
    }
    go = () => {
        this.props.history.go(-2)
    }
    render() {
        console.log("一般组件接收到的 props 是", this.props)
        return (
            <div className="col-xs-offset-2 col-xs-8">
                <div className="page-header"><h2>React Router Demo</h2></div>
                <button onClick={this.back}>前进</button>
                <button onClick={this.forward}>后退</button>
                <button onClick={this.go}>go</button>
            </div>
        )
    }
}
export default withRouter(Header)

// withRouter 可以加工一般组件 让一般组件具备路由组件所特有的 API
// withRouter 的返回值是一个新组件